<div class="left-menu">
	
	#--
	   未来改进备忘：
	    1：子菜单样式嵌套进主菜单内，js、css 控制会更方便
	    2：在后台通过 json 组织菜单数据（包括主菜单图标），在模板中通过循环显示更方便管理
	    3：使用后台传 json 的设计，可以很方便生成 #permission(...) 指令，通过权限模块已有的功能控制菜单的显示（包括主菜单显示）
	--#
	
	
	#--
	   设置子菜单默认打开、关闭状态，通过调整 subMenuOpen 的值实现
	      默认打开：subMenuOpen = true
	      默认关闭：subMenuOpen = false
	--#
	#setLocal(subMenuOpen = true)
	
	#if(subMenuOpen == true)
		#setLocal(fa_angle = 'fa-angle-down', sub_menu_state = 'style="display: block;"')
	#else
		#setLocal(fa_angle = "fa-angle-up", sub_menu_state = 'style="display: none;"')
	#end
	
	
	<!-- 首页 -->
	<a class="left-main-menu" href="/admin">
		<i class="menu-icon fa fa-home" style="font-size:18px;margin-left:-2px;margin-right:5px;"></i>
		<span>首页</span>
	</a>
	
	
	<!-- 内容管理 -->
	### 演示 role 指令 "大粒度" 控制菜单，在后台管理中调整账号的角色时，这里的控制会自动生效
	#role("内容管理员")
	<div class="left-main-menu">
		<!-- fa-file-text-o fa-file-o fa-file-text fa-edit -->
		<i class="menu-icon fa fa-file-text-o"></i>
		<span>内容管理</span>
		<i class="menu-arrow fa #(fa_angle)"></i>
	</div>
		<div class="left-sub-menu" #(sub_menu_state)>
			<a href="/admin/article">文章管理</a>
			<a href="/admin/articleComment">评论管理</a>
			<a href="/admin/articleCategory">分类管理</a>
			<a href="/admin/page">页面管理</a>
			<a href="/admin/image">图片管理</a>
			<a href="/admin/template">模板管理</a>
			<a href="/admin/slideshow">轮播图</a>
			<a href="/admin/friendlink">友情链接</a>
			<a href="/admin/articleTag">标签管理</a>
			###<a href="/admin/file">文件管理</a>
		</div>
	#end
	
	
	<!-- 权限管理 -->
	#role("权限管理员")
	<div class="left-main-menu">
		<i class="menu-icon fa fa-user-o"></i>
		<span>权限管理</span>
		<i class="menu-arrow fa #(fa_angle)"></i>
	</div>
		<div class="left-sub-menu" #(sub_menu_state)>
			<a href="/admin/account">账户管理</a>
			<a href="/admin/role">角色管理</a>
			### 演示 role 指令 "细粒度" 控制菜单，在后台管理调整账号的角色时，这里的控制会自动生效
			#role("超级管理员")
			<a href="/admin/permission">权限管理</a>
			#end
		</div>
	#end
	
	
	<!-- 系统管理 -->
	<div class="left-main-menu">
		<i class="menu-icon fa fa-cog"></i>
		<span>系统管理</span>
		<i class="menu-arrow fa #(fa_angle)"></i>
	</div>
		<div class="left-sub-menu" #(sub_menu_state)>
			<a href="/admin/system">个人设置</a>
			### 演示 permission 指令 "细粒度" 控制菜单，在后台管理调整账号的权限时，这里的控制会自动生效
			#permission("/admin/func")
			<a href="/admin/func">系统设置</a>
			#end
			<a href="/admin/menu">菜单管理</a>
			<a href="/admin/setting">网站设置</a>
			<a href="/admin/monitor">服务器监控</a>
		</div>

	<!-- 日志管理 -->
	#role("后台用户", "权限管理员")
	<div class="left-main-menu">
		<i class="menu-icon fa fa-file-o"></i>
		<span>日志管理</span>
		<i class="menu-arrow fa #(fa_angle)"></i>
	</div>
	<div class="left-sub-menu" #(sub_menu_state)>
		<a href="/admin/loginLog">登录日志</a>
	</div>
	#end
	<!-- 组件整合 -->
	#role("后台用户", "权限管理员", "内容管理员")
	<div class="left-main-menu">
		<i class="menu-icon fa fa-bar-chart"></i>
		<span>系统组件</span>
		<i class="menu-arrow fa #(fa_angle)"></i>
	</div>
		<div class="left-sub-menu" #(sub_menu_state)>
			<a href="/admin/demo/echarts">可视化图表</a>
			<a href="/admin/demo/fontAwesome">图标</a>
		</div>
	#end
	
	
	### 增加菜单滚动区域高度，请勿删除
	<p style="height:70px; background-color:#3c444d"></p>
</div>





